.video {
  width: 48%;
  margin: 0 1% 16px;
  height: 160px;
  &-main {
    position: relative;
    width: 100%;
    height: 70%;
  }
  &-imgbox {
    width: 100%;
    height: 100%;
    background-color: #e7e7e7;
    background: linear-gradient(transparent 50%, rgba(0, 0, 0, 0.5)),
      url('../../assets/images/tv.png') no-repeat 50% 50%;
    background-size: contain;
    border-radius: 6px;
    text-align: center;
    overflow: hidden;
    .tv {
      position: absolute;
      top: 0;
      left: 0;
      z-index: 1;
      width: 100%;
      height: 100%;
    }
    .cover {
      position: absolute;
      left: 0;
      bottom: 0;
      width: 100%;
      height: 20px;
      background-image: linear-gradient(180deg, rgba(33, 33, 33, 0), rgba(33, 33, 33, 0.5));
      z-index: 2;
      color: #fff;
      &-icon {
        font-size: 18px;
      }
    }
    .title {
      margin-top: 5px;
      font-size: 14;
      color: #212112;
    }
  }
}
.info {
  padding: 0 10px;
}
